<html>
  <head>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <title>背单词|beidanci</title>
    <meta name="description" content="背单词工具,主要是支持金山词霸的生词本导入，随处背单词">
    <meta name="abstract" content="背单词，有效背单词">
    <link rel="stylesheet" type="text/css" media="screen" href="res/main.css">
  </head>
  <body>
    <div id="logo">
      <img src="../res/img/logo.png" alt="logo.png" border="0" />
    </div>

    <!-- nav sidebar-->
    <div id="nav-sidebar">
      <ul>
        <li><a href="import">导入生词本</a></li>
        <li><a href="{{logout_url}}">注销</a></li>
        <!--<li><a href="help">帮助</a></li>-->
      </ul>
    </div>
    <!-- workspace -->
    {%if wordlist%}
    {% for word in wordlist %}
    <div class="rbroundbox">
      <div class="rbtop">
        <div>
        </div>
      </div>
      <div class="rbcontent">
        <h2>
          {{word.word}}
        </h2>
        <p>
        {{word.translation}}
        </p>
      </div>
      <div class="rbbot">
        <div>
        </div>
      </div>
    </div>
    <div class="rbsperator">
    </div>
    {% endfor %}
    {%else%}
    <div align="center">
      <a href="import">请先导入金山词霸生词本</a>
    </div>
    {%endif%}


    <!-- footer -->
    <div class="footer" align="center">
      <!--<a href="">关于</a>-->
    </div>

  </body>
</html>
